// 头部部分样式开始
header {
  background-color: #ff841d;
  height: .5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.1rem;

  >h1 {
    a {
      width: 2rem;
    }
  }

  >a {
    width: .34rem;
    height: .34rem;
  }
}

// 头部部分样式结束

// 搜索框部分样式开始
.mmb_search {
  form {
    display: flex;
    justify-content: space-between;
    padding: .05rem .1rem;
    position: relative;

    .fa-search {
      position: absolute;
      top: 0.11rem;
      left: 0.13rem;
      font-size: .16rem;
    }

    input {
      height: .3rem;
      border: none;
      background-color: #f1f1f1;
      border-radius: .2rem;
    }

    .search_ipt {
      padding-left: .2rem;
      flex: 1;
    }

    .search_submit {
      margin-left: .2rem;
      width: .6rem;
      background-color: #ff841d;
      color: #fff;
    }
  }
}

// 搜索框部分样式结束

// 底部样式开始
footer {
  background-color: #fff;

  .row {
    .col-xs-4 {
      text-align: center;
      border: 1px solid #ccc;
      height: 30px;
      line-height: 30px;

      a {
        img {
          height: 15px;
          width: 15px;
        }
      }
    }
  }

  >p {
    margin: 10px;
    text-align: center;
    font-size: 12px;

    a {
      display: inline;
    }

    >a:first-child {
      color: red;
    }
  }
}

// 底部样式结束

// =========================================================
// 商品列表部分样式开始
#mmb_product {
  background-color: #fff;

  // 面包屑导航
  .product-title {
    position: relative;

    .breadcrumb {
      height: 36px;
      margin-bottom: 0px;

      li {
        float: left;
        display: flex;

        a {
          width: 100%;
        }
      }

      li::before {
        content: "";
      }

      li::after {
        content: " >";
        float: right;
        flex: 1;
        padding-left: 5px;
      }
    }

    .btn {
      position: absolute;
      width: 54px;
      right: 10px;
      top: 3px;
      height: 30px;
    }
  }

  // 商品列表
  .product-list {
    margin: 0px .05rem;

    /* 销量的标题公共模板 */
    h4 {
      background-color: #eeeeee;
      padding: .1rem;
      font-size: .16rem;
      color: #b26b04;
    }

    /* 品牌排行模板 */
    .brand_content {


      ul {
        // background-color: #eee;

        li {
          border-bottom: 1px solid #ccc;


          a {
            padding: 0rem .05rem;
            padding-top: .05rem;
            line-height: 1;

            .brand {
              position: relative;

              .pull-left {
                background-color: #c9c9c9;
                width: 20px;
                height: 20px;
                color: #fff;
                font-weight: normal;
                display: flex;
                align-items: center;
                justify-content: center;
              }

              .media-heading {
                font-size: .16rem;
                font-weight: 600;
                padding-left: .3rem;
                margin-bottom: .1rem;
              }

              .media-content {
                font-size: .14rem;
                color: #999;
                padding-left: .3rem;
              }

              i {
                position: absolute;
                right: 0;
                bottom: 50%;
                transform: translateY(50%);
              }
            }
          }



        }

        li:nth-child(1) {
          a {
            .brand {
              .pull-left {
                background-color: red;
              }
            }
          }
        }

        li:nth-child(2) {
          a {
            .brand {
              .pull-left {
                background-color: #ff9314;
              }
            }
          }
        }

        li:nth-child(3) {
          a {
            .brand {
              .pull-left {
                background-color: #8adf5b;
              }
            }
          }
        }
      }
    }

    /* 销量排行 */
    .brand_tv {
      ul {
        li {
          .media {
            display: flex;
            padding: .1rem .05rem;
            border-bottom: 1px solid #ccc;
            .media_left {
              width: 1rem;
              margin-right: .1rem;
            }
            .media_body{
              flex: 1;
            }
          }

        }
      }
    }
    /* 最新品牌产品评论 */
    .brand_comment{
      ul{
        li{
          a{
            margin-bottom: .1rem;
            .com_pro{
              display: flex;
              .pic{
                width: 1rem;
                padding-right: .1rem;
              }
              .tit{
                flex: 1;
                color: #999;
                font-size: .14rem;
              }
            }
            .com_body{
              background-color: #f8f8f8;
                  border: 1px solid #e7e7e7;
              padding: 0 .1rem;
            position: relative;              
              &::before{
                content: '';
                width: 0;
                height: 0;
                position: absolute;
                left: .29rem;
                top: -.08rem;
                border-bottom: .08rem solid #e7e7e7;
                border-left: .08rem solid transparent;
                border-right: .08rem solid transparent;
              }
              .name{
                padding: .1rem 0;
                color: #5c7413;
                font-size: .14rem;
                // display: flex;
                .star{
                   color: #ff9000;
                   font-size: .18rem;
                }
                i{
                  float: right;
                  padding-right: .05rem;
                  color: #b3b3b3;
                }
              }
              .con{}
            }
          }
        }
      }
    }
  }


}

// 商品列表部分样式结束